<template>
  <div class="login-container">
    <div class="main_box">
      <div class="login-box">
        <div class="logo-big">
          <!-- saas版logo -->
          <!-- <el-image fit="contain" class="logo_image" :src="saasLoginLogo" alt="" /> -->
          <!-- 格美淇logo -->
          <!-- <el-image fit="contain" class="logo_image" :src="gemakeLodinLogo" alt="" /> -->
          <!-- 施罗德logo -->
          <el-image fit="contain" class="logo_image" :src="loginLogo" alt="" />
          <p v-if="websiteName" class="name-logo">{{ websiteName }}</p>
          <p v-else class="name-logo">数字化售后服务系统</p>
        </div>
        <div class="login-form">
          <router-view></router-view>
        </div>
        <!-- <footer class="footer_text">
          <span>中山市智博软件科技有限公司版权所有粤ICP备2023070912号</span>
        </footer> -->
      </div>
      <div class="login-left_img">
        <div class="login_img">
          <!-- <div class="text_tip">
            <h3>新一代智能化售后服务<br />管理平台</h3>
            <p>通过一体化公司服务，实现端到端智能化服务运营,<br />提升服务效率，助力企业数字化转型升级，让企业<br />公司服务实现数字化飞跃</p>
          </div> -->
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue'
  // import gemakeLodinLogo from '@/assets/login/gemake/gemake_logo.jpg'
  // import sldLoginLogo1 from '@/assets/login/sld/LOGO1.svg'
  import loginLogo from '@/assets/Logo/login_logo.png'

  const websiteName = ref('')
</script>

<style lang="scss" scoped>
  @import './index';
</style>
